<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>SHTP商家管理页面</title>
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link href="css/management.css" type="text/css" rel="stylesheet" />
</head>
<body page="management">
<!-- header layer -->
<div id="headerlayer">
  <div id="main-top-layer">
	<div id="logo">SHTP</div>
	<div id="control"><a href="index.html">��ҳ</a> | <a href="#">������ҳ</a> �� <a href="#">��¼</a> �� <a href="#">ע��</a> �� 
		<a href="#">�ƻ���</a></div>
  </div>
  <div id="main-nav-layer">
    <table>
      <tr>
        <td class="nav-selected"><a href="#">��ҳ</a></td>
        <td><a href="#">����</a></td>
        <td><a href="#">�Ƶ�</a></td>
        <td><a href="#">����</a></td>
      </tr>
    </table>
  </div>
  <div id="search">
  	<table>
		<tr>
			<td class="wearing-figure-tb"><span class="wearing-figure">�����¶����У���ע�Ᵽů!</span></td>
			<td class="search-main-content-tb">
				<div class="search-main-content">
					<input type="text" class="search-text" />
					<a href="#"><img src="images/search-button.png" /></a>
				</div>
			</td>
		</tr>
	</table>
  </div>
</div>

<!-- main layer -->
<div id="mainlayer">

<div class="management-mainlayer">
	<div class="management-leftlayer">
		<ul>
			<li><a href="#" class="menu-selected"><img src="images/list-arrow-orange.gif" /> ������Ϣ����</a></li>
			<li><a href="#"><img src="images/list-arrow-gray.gif" /> �������</a></li>
			<li><a href="#"><img src="images/list-arrow-gray.gif" /> �������</a></li>
			<li><a href="#"><img src="images/list-arrow-gray.gif" /> �Ƶ����</a></li>
			<li><a href="#"><img src="images/list-arrow-gray.gif" /> ��������</a></li>
			<li><a href="#"><img src="images/list-arrow-gray.gif" /> �̼ҷ���</a></li>
		</ul>
	</div>
	<div class="management-centerlayer">
		<div class="basic-info">
			<table class="fix-info">
				<thead>
					<tr>
						<th colspan="3">����Ϣ <a href="#" class="edit-info">���޸ġ�</a></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="title">��ʵ����</td>
						<td class="content">�����</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">���֤��</td>
						<td class="content">440402198408139181</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">��&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;��</td>
						<td class="content">fionawzh@163.com</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">�绰����</td>
						<td class="content">18787045106</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">�̶��绰</td>
						<td class="content">0756-6110887</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">����סַ</td>
						<td class="content">�㶫ʡ�麣����������Ϫ·5��16��¥1��Ԫ602��</td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">��������</td>
						<td class="content">519000</td>
						<td class="notice"></td>
					</tr>
				</tbody>
			</table>
			<table class="change-info hidden">
				<thead>
					<tr>
						<th colspan="3">����Ϣ</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="title">��ʵ����</td>
						<td class="content"><input name="merchant.name" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����˳���ͨ�����</td>
					</tr>
					<tr>
						<td class="title">���֤��</td>
						<td class="content"><input name="merchant.IDCardNO" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����˳���ͨ�����</td>
					</tr>
					<tr>
						<td class="title">��&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;��</td>
						<td class="content"><input name="merchant.email" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ������һ�����</td>
					</tr>
					<tr>
						<td class="title">�绰����</td>
						<td class="content"><input name="merchant.mobile" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����ʱ��������Ʒ�������Ϣ</td>
					</tr>
					<tr>
						<td class="title">�̶��绰</td>
						<td class="content"><input name="merchant.phone" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����ʱ��������Ʒ�������Ϣ</td>
					</tr>
					<tr>
						<td class="title">����סַ</td>
						<td class="content"><input name="merchant.address" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����ʱ�����ÿ�µ����汨��</td>
					</tr>
					<tr>
						<td class="title">��������</td>
						<td class="content"><input name="merchant.post" type="text" value="" /></td>
						<td class="notice">��д����Ϣ�����ڰ�����ʱ�����ÿ�µ����汨��</td>
					</tr>
					<tr>
						<td colspan="3"><input type="submit" value="����" /></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="split-line"></div>
		<div class="change-password">
			<table class="new-password">
				<thead>
					<tr>
						<th colspan="3">�û�������</th>
					</tr>	
				</thead>
				<tbody>
					<tr>
						<td class="title">������</td>
						<td class="content"><input type="password" name="merchant.oldPassword" value="" /></td>
						<td class="notice"><a href="#"></a></td>
					</tr>
					<tr>
						<td class="title">������</td>
						<td class="content"><input type="password" name="merchant.newPassword" value="" /></td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td class="title">��������������</td>
						<td class="content"><input type="password" class="merchant.retypeNewPassword" value="" /></td>
						<td class="notice"></td>
					</tr>
					<tr>
						<td><input type="submit" value="��������" /></td>
						<td colspan="2" class="submit-notice">������������롱֮��������뽫����ģ������������Ҫ��������</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="split-line"></div>
		<div class="payment-type">
			<table class="payment">
				<thead>
					<tr>
						<th>���Ĭ��֧����ʽ</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<span class="paymentType-title">ѡ��֧������</span><br/><br/>
							<div><input type="radio" name="merchant.paymentType" /><img src="images/platform_15.png" />
							<input type="radio" name="merchant.paymentType" /><img src="images/platform_16.png" />
							<input type="radio" name="merchant.paymentType" /><img src="images/platform_17.png" />
							<input type="radio" name="merchant.paymentType" /><img src="images/platform_18.png" />
							</div>
							<div>
							<input type="radio" name="merchant.paymentType" /><img src="images/platform_19.png" />
							<input type="radio" name="merchant.paymentType" /><img src="images/platform_20.png" />
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<span class="paymentAccount-title">֧���˻���Ϣ</span><br/><br/>
							<span class="paymentAccount-label">�ʺţ�</span><input type="text" name="merchant.paymentAccountID" /><br/>
							<span class="paymentAccount-label">��Կ��</span><input type="text" name="merchant.paymentAccountKey" />
						</td>
					</tr>
					<tr>
						<td><input type="submit" value="���" /></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>


</div>

<!-- footer layer -->
<div id="footerlayer">
	<table>
		<thead>
			<th>������Ϣ</th>
			<th>��վ����</th>
			<th>��ϵ�ͷ�</th>
			<th>��������</th>
		</thead>
		<tbody>
		<tr>
			<td>��������</td>
			<td></td>
			<td>QQ�ͷ�</td>
			<td></td>
		</tr>
		<tr>
			<td>ע������</td>
			<td></td>
			<td>�ͷ�����</td>
			<td></td>
		</tr>
		<tr>
			<td>��ȫָ��</td>
			<td></td>
			<td>�绰����</td>
			<td></td>
		</tr>
		</tbody>
	</table>
</div>

<script type="text/javascript" src="javascript/jquery1.7.1.js"></script>
<script type="text/javascript" src="javascript/index.js"></script>
<script type="text/javascript" src="javascript/management.js"></script>
</body>
</html>
